<?php if (!defined('THINK_PATH')) exit(); /*a:2:{s:71:"/home/wwwroot/www.xgw0851.com/application/index/view/order/comment.html";i:1488433924;s:69:"/home/wwwroot/www.xgw0851.com/application/index/view/public/base.html";i:1530280572;}*/ ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title><?php echo $title; ?></title>
<link rel="stylesheet" href="__PUBLIC__/xsd/css/mui.min.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/xsd/css/icons-extra.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/xsd/css/app.css?v1111121" />

</head>
<!--/head-->
<body>


	<!--/header-->

<style>
.mui-table-view-cell p {
    margin-bottom: 0;
    font-size: 12px;
}
.mui-table-view .mui-media-object {
    line-height: 42px;
    max-width: 60px;
    height: 60px;
}
.mui-card-header {
    font-size: 14px;
    border-radius: 2px 2px 0 0;
        padding: 5px 10px;
}
.mui-h5, h5 {
     font-size: 12px;
    font-weight: 400;
    color: #8f8f94;
}
.mui-content a {

}
</style>
<header class="mui-bar mui-bar-nav">
  <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  <h1 class="mui-title">评论</h1>
</header>
<div class="mui-content">

  <div class="mui-card" >
      <div class="mui-card-header ">
          <div class="mui-ellipsis mui-col-xs-8">订单编号: <?php echo $info['out_trade_no']; ?></div>
      </div>
      <ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
        <li class="mui-table-view-cell">
            <div class="mui-table" style="font-size:12px;">
                <div class="mui-table-cell mui-col-xs-4">
                    商品评分
                </div>
                <div class="mui-table-cell mui-col-xs-8 shopscore" style="  color: #007aff;">
                    <span class="mui-icon mui-icon-star-filled"></span>
                    <span class="mui-icon mui-icon-star-filled"></span>
                    <span class="mui-icon mui-icon-star-filled"></span>
                    <span class="mui-icon mui-icon-star"></span>
                    <span class="mui-icon mui-icon-star"></span>
                </div>
            </div>
        </li>
        <li class="mui-table-view-cell">
            <div class="mui-table" style="font-size:12px;">
                <div class="mui-table-cell mui-col-xs-4">
                    配送评分
                </div>
                <div class="mui-table-cell mui-col-xs-8 deliveryscore" style="  color: #007aff;">
                  <span class="mui-icon mui-icon-star-filled"></span>
                  <span class="mui-icon mui-icon-star-filled"></span>
                  <span class="mui-icon mui-icon-star-filled"></span>
                  <span class="mui-icon mui-icon-star"></span>
                  <span class="mui-icon mui-icon-star"></span>
                </div>
            </div>
        </li>
        <li class="mui-table-view-cell">
            <div class="mui-table" style="font-size:12px;">
                <div class="mui-table-cell mui-col-xs-12">
                  <div class="mui-input-row" style="margin: 10px 5px;">
                  					<textarea id="textarea" rows="5" placeholder="评论"></textarea>
                  				</div>
                </div>
            </div>
        </li>


      </ul>
      <button type="button" class="mui-btn mui-btn-primary mui-btn-block" style="    padding: 5px;">提交</button>
  </div>
</div>



<!--/#footer-->

<script src="__PUBLIC__/js/jquery.js"></script>
<script src="__PUBLIC__/xsd/js/mui.min.js"></script>
<script src="__PUBLIC__/xsd/js/flexible.js"></script>
<script src="__PUBLIC__/xsd/js/template.js"></script>

<script>
  $(function(){
    $('.mui-table-cell > .mui-icon').click(function(){
      var $this = $(this)
      if($this.hasClass('mui-icon-star')){
        $this.prevAll().removeClass('mui-icon-star').addClass('mui-icon-star-filled');
        $this.removeClass('mui-icon-star').addClass('mui-icon-star-filled');
      }else{
        $this.removeClass('mui-icon-star-filled').addClass('mui-icon-star');
        $this.nextAll().removeClass('mui-icon-star-filled').addClass('mui-icon-star');
      }
    })

    $('.mui-btn-block').on('click', function(){
      var shopscore = $('.shopscore').find('.mui-icon-star-filled').length,
       deliveryscore = $('.deliveryscore').find('.mui-icon-star-filled').length,
       comment = $.trim($('#textarea').val())
      if(!comment){
        mui.toast('请填写评论！')
        return;
      }
      if(comment.length <5){
        mui.toast('评论字符必须大于5位！')
        return;
      }

      $.post("<?php echo url('index/order/comment'); ?>", {
          "order_id": "<?php echo $info['id']; ?>",
          "shop_score": shopscore,
          "delivery_score": deliveryscore,
          "comment": comment
      }, function(data) {
          mui.toast('评论成功！')
          setTimeout(function() {
            mui.back()
          }, 2000);
      }, "json");

    })
  })
</script>

<?php if(!(empty(config('shop_hours')) || (config('shop_hours') instanceof \think\Collection && config('shop_hours')->isEmpty()))): ?>
<script>
  var time_range = function (beginTime, endTime) {
    var strb = beginTime.split (":");
    if (strb.length != 2) {
      return false;
    }

    var stre = endTime.split (":");
    if (stre.length != 2) {
      return false;
    }

    var b = new Date ();
    var e = new Date ();
    var n = new Date ();

    b.setHours (strb[0]);
    b.setMinutes (strb[1]);
    e.setHours (stre[0]);
    e.setMinutes (stre[1]);

    if (n.getTime () - b.getTime () > 0 && n.getTime () - e.getTime () < 0) {
      return true;
    } else {

      mui.alert("<?php echo config('shop_hours_message'); ?>", '公告');
      $('.mui-popup-buttons').html(' ')
      $('.mui-popup-inner').css('border-radius', '13px')
      return false;
    }
  }

  var shop_hours = "<?php echo config('shop_hours'); ?>";
  var hours_arr = shop_hours.split('-');
  time_range (hours_arr[0], hours_arr[1]);

</script>
<?php endif; if(config('is_rest') == '1'): ?>
<script>
mui.alert("<?php echo config('rest_message'); ?>", '公告');
$('.mui-popup-buttons').html(' ')
$('.mui-popup-inner').css('border-radius', '13px')
</script>
<?php endif; if(empty(\think\Cookie::get('positioninit')) || (\think\Cookie::get('positioninit') instanceof \think\Collection && \think\Cookie::get('positioninit')->isEmpty())): ?>
<script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script>
<script>
   var geolocation = new qq.maps.Geolocation("QQ6BZ-24HC6-ZAXSZ-MTZAU-5MU2J-HEFEH", "鲜果屋");
    geolocation.getIpLocation(showPosition, showErr)
    function showPosition(position) {
      $.getJSON("<?php echo url('index/cart/changecookie'); ?>", {name: 'positioninit', 'val': position.lat+','+position.lng}, function(json, textStatus) {});
    };
    function showErr() {
      console.log('定位失败');
    };
</script>
<?php endif; ?>


<script>
  $(function(){
    $('.subsc').click(function(){
      // $.get("<?php echo url('index/clearusersession'); ?>", function(data){
      //   if(data.code == 1){
      //     window.location.href = "http://mp.weixin.qq.com/s/-AzpDTU7eAD24-R5QUP0wg"
      //   }
      // })
      //cookie('goodsmodel_id', $model_id);
      <?php switch(cookie('goodsmodel_id')): case "1":case "2":case "3": ?>
            mui.alert("<img src=<?php echo get_cover(config('frankserviceimg'), 'path'); ?> style='width:100%;'>", '长按扫二维码');
        <?php break; endswitch; if(!(empty($contact_qc) || ($contact_qc instanceof \think\Collection && $contact_qc->isEmpty()))): ?>
            mui.alert('<img src="<?php echo $contact_qc; ?>" style="width:100%;">', '长按扫二维码');
      <?php endif; ?>
    })


    $('.endlimit').each(function(){
      var $this = $(this);
      var stime = $this.attr('data-endtime');
      var starttime = new Date(stime.replace(/-/g,"/"))
      setInterval(function () {
        var nowtime = new Date();
        var time = starttime - nowtime;
        if(time > 0){
          var day = parseInt(time / 1000 / 60 / 60 / 24);
          var hour = parseInt(time / 1000 / 60 / 60 % 24);
          var minute = parseInt(time / 1000 / 60 % 60);
          var seconds = parseInt(time / 1000 % 60);
          $this.html("距结束还有:<span style='color:red'>"+ day + "天" + hour + "小时" + minute + "分钟" + seconds + "秒</span>");
        }

      }, 1000);
    })

    $('.hidecartbtn').each(function(){
      var id = $(this).attr('data-id')
      $('.cartbtn'+id).hide();
    })


  })
</script>
</body>
</html>
